@use 'sass:map';
@use '@angular/material' as mat;

@mixin color($config-or-theme) {
  $config: mat.get-color-config($config-or-theme);
  $foreground: map.get($config, foreground);
  $background: map.get($config, background);
  $primary: map.get($config, primary);

  .pac-formly-mat-table {
    width: 100%;
    display: block;
    max-width: 100%;

    .mat-mdc-cell, .mat-mdc-header-cell {
      white-space: nowrap;
    }
  }
}

@mixin density($config-or-theme) {
  .pac-formly-mat-table {
    .ngm-formly__title {
      @apply my-2;
    }

    tr.mat-mdc-header-row {
      height: 36px;
    }
    th.mat-mdc-header-cell, td.mat-mdc-cell, td.mat-mdc-footer-cell {
      padding: 0 5px;
    }
  }
}